<%@page import="ta.utils.PageInfo"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@page import="java.util.List"%>
<%@page import="ta.pojo.Blog"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <!-- 优先使用 IE 最新版本和 Chrome -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 为移动设备添加 viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <!--忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no" />
    <title>个人主页</title>
    <link rel="stylesheet" type="text/css" href="blogindex/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="blogindex/css/base.css" />
    <link rel="stylesheet" type="text/css" href="blogindex/css/index.css" />
    <script type="text/javascript" src="blogindex/js/html5shiv.min.js"></script>
    <script type="text/javascript" src="blogindex/js/respond.min.js"></script>
    <link rel="stylesheet" type="text/css" href="blogindex/css/media.css" />
    <%--加--%>
    <%--		<link rel="stylesheet" href="assets/css/bootstrap.min.css" />--%>
    <%--		<link rel="stylesheet"--%>
    <%--			  href="assets/font-awesome/4.5.0/css/font-awesome.min.css" />--%>
    <%--		<link rel="stylesheet" href="assets/css/ace.min.css"--%>
    <%--			  class="ace-main-stylesheet" id="main-ace-style" />--%>
    <%--		<link rel="stylesheet" href="assets/css/ace-part2.min.css" class="ace-main-stylesheet" />--%>
    <%--		<link rel="stylesheet" href="assets/css/ace-skins.min.css" />--%>
    <%--		<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />--%>
    <%--		<link rel="stylesheet" href="assets/css/ace-ie.min.css" />--%>
    <%--		<script src="assets/js/ace-extra.min.js"></script>--%>
    <%--		<script src="assets/js/html5shiv.min.js"></script>--%>
    <%--		<script src="assets/js/respond.min.js"></script>--%>

    <style type="text/css">
        .page-banner img{max-width:100%;}
        .glyphicon-heart{margin-left:20px;}
        .news-text{ margin:30px 0px;  border-bottom: 1px  dotted #dedede; padding-bottom: 10px;}
        .news-list a.read-all{ margin-right: 30px;}
    </style>
</head>

<body>
<!--导航-->
<nav class="navbar navbar-default navbar-fixed-top top-box">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <h1><a class="navbar-brand" href="#">
                T Z ’s blog
            </a></h1>
        </div>

        <div class="collapse navbar-collapse" >
            <ul class="nav navbar-nav navbar-right top-nav">
                <li class="active">
                    <a href="Index?type=getlist">
                        主页
                        <span class="sr-only">(current)</span>
                    </a>
                </li>
                <li>
                    <a href="admin.jsp">后台</a>
                </li>
                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <img class="nav-user-photo" src="assets/images/avatars/user1.png" alt="Photo" />    <%=session.getAttribute("loginame") %> <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="Index?type=getlist2">个人主页</a></li>

                        <li><a href="Index?type=getlist1">注销</a></li>
                    </ul>
                </li>
                <li>
                    <a href="Index?type=getlist">写博客</a>
                </li>
                <li class="search_c"><a href="#">search <i class="glyphicon glyphicon-search"></i></a></li>
                <form>
                    <input type="text"  value=""  name="q"  class="form-control search" placeholder="请输入文章关键字或标题" >
                </form>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>
<!--/ 导航-->

<!--文章列表 -->
<div data-action="admin/" class="news">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-3 hidden-xs sidebar">
                <span class="open">展开栏目列表</span>
                <!--电脑端页面导航-->
                <ul>
                    <span title="关闭栏目列表" class="colse"></span>
                    <li class="sidebar-title">
                        <h3>博客</h3>
                        <p>BLOGS</p>
                    </li>
                    <li class="sidebar-item">
                        <a href=""><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;博客简介</a>
                    </li>
                    <li class="sidebar-item">
                        <a href=""><span class="glyphicon glyphicon-play-circle"></span>&nbsp;&nbsp;博客分类</a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 right-content">
                <!--面包屑导航-->
                <ol class="breadcrumb bread">
                    <h4><span class="active"></span> 我的博客 <span class="active"></span></h4>
                </ol>
               <c:forEach var="blog" items="${blogByAuthor}">
                    <div class="news-list">
                        <div class="news-text">
                            <h3><a href="admin/BlogServlet?type=getbyid&blogid=${blog.blogid }">${blog.title }</a></h3>
                            <p>
                            <td>${blog.content }</td>
                            </p>
                            <div>
                                <a href="news-detail.html" class="read-all">阅读全文</a>
                                <span><i class="glyphicon glyphicon-eye-open"></i> 5321</span>
                                <span class=""><i class="glyphicon glyphicon-heart"></i> 53</span>
                                <span class="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${blog.category }</span>
                                <span class=""><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									作者:&nbsp;&nbsp;&nbsp;&nbsp;${blog.author }</td></span>
                                <span class="pull-right"><i class="glyphicon glyphicon-time"></i> <td>${blog.pubtime }</td></span>
                            </div>
                        </div>
                    </div>
                </c:forEach>
            </div>
        </div>
    </div>
</div>
<div class="xg">
    <div class="container">
        <div class="common-title">
            <h2>最新发布</h2>
            <!-- 	<span>穿梭虫洞-随机访问十年之约</span>	 -->
        </div>
        <div class="row">
            <div class="col-sm-6" >
                <h4><a href="#">穿梭虫洞-随机访问十年之约</a></h4>
                <p>我们的博客散布在浩瀚的互联网宇宙中，虽然同处十年之约这个星系当中，但是由于十年之约官网中成员列表的脑残设定，成员之间的博客互访非常麻烦。虫洞是连结两个遥远时空的空间隧道，通过虫洞您可以非常方便地随机访问十年之约成员的博客。</p>
            </div>
            <div class="col-sm-6" >
                <h4><a href="#">追气球的熊孩子</a></h4>
                <p>合作为名，骗取孩子的信任，套取关键信息后又把对方踢掉。这个套路是不是很熟悉？或许你可能接触过这个套路的变形：某产品要转型，找了几家设计创意公司招标，听完他们的创意说明后，又各种理由取消竞标。然后基于这几个设计公司的创意提案进行改版;某风投投了一个产品，却又找了其他几家这个产品的竞争者，听完他们的思路，再转述给自己投资了的那个团队....</p>
            </div>
        </div>

    </div>
</div>

<div class="footer">
    <a href="#"> <i class="glyphicon glyphicon-user"></i></a>
    <a> &nbsp; </a>
    ‘s blog  ❤<a href="tel:0123456789"></a> <br/>

    © 2022 <a href="http://www.qywzmb.com/" target="_blank"></a>
</div>

<script type="text/javascript" src="blogindex/js/jquery.js"></script>
<script type="text/javascript" src="blogindex/js/bootstrap.js"></script>
<script type="text/javascript" src="blogindex/js/nav.js"></script>
<!--返回顶部-->
<a href="javascript:void(0);" class="backTop" id="back">返回顶部</a>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/nav.js"></script>
</body>
</html>